{% extends 'base.html' %}

{% block title %}Demand OpenID!{% endblock %}

{% block content %}

<div id="intro" class="larger">
<span class="">  Demand OpenID support from websites you sign in to every day, using a simple bookmarklet.  It's an easy, and active way to spread OpenID.   

{% if not lip %}
 <a href="/login" style="text-decoration:underline;" class="good">Login to get started &rarr;</a>
{% endif %}
</span>

<div style="margin-top:1em;">
{{people_count}} people are demanding OpenID from {{website_count}} websites.
</div>
</div>

    <div id="top_websites" class="column">
    <h2>The Top 10</h2>
    <table>
      
    {% for website in top_websites %}
    <tr>
      <td class="top_vote">{{website.votes}}</td>
      <td class="top_domain"><a href="/site/{{ website.domain|urlencode}}">{{ website.domain|escape }}</a></td>
    </tr>
    {% endfor %}

    <tr>
      <td colspan="2"><br/>
        <a href="/top" style="font-size:smaller;">See all &rarr;</a>
      </td>
    </tr>
    </table>

    </div>

    <div class="column" style="float:right;">

    <h4 style="margin-bottom:4px;">Submit a website</h4>
    <form action="/add" method="get">
      <input type="text" name="url" value="http://" />
      <input type="submit" value="Demand" />
    </form>

    <h4 style="margin-bottom:4px;">Latest Demands</h4>
    {% for vote in latest_votes %}
    <div class="item">
      <span><a class="smaller" href="/site/{{vote.website.domain|urlencode}}">{{vote.website.domain|escape}}</a> <br/>
	<span class="subtle smaller">by 
	  <a href="/voter?openid={{vote.voter.openid|urlencode}}" style="color:#999;">
	    {{ vote.voter.pretty_openid }}</a></span>
      </span>
    </div>
    {% endfor %}
    
    </div>


    <div style="clear:both;"></div>

{% endblock %}
